// 1. 导入react核心库
import React from 'react'
// 2. 导入react-dom用于react操作dom
import ReactDOM from 'react-dom/client'
// 3. 创建虚拟dom
import './index.css'
let baiduNode = <>
{/* baidu首页 */}
  <div className='baidu'>
   <div className='logo'>
     <img src='https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png' alt='百度' />
   </div>
   <div className='search'>
      查询内容
   </div>
   <div className='list-main'>
      <header className='list-hd'>
        标题
      </header>
      <main className='list-bd'>
         <p>开启新的奔赴</p>
      </main>
   </div>
</div>
<div className='todolist'>
todolist
</div>
{/* todolist */}
</>
// 4. 创建根节点
let root = ReactDOM.createRoot(document.getElementById('root'))


// 5. 渲染虚拟dom到页面中
root.render(baiduNode)